<!--
  Generated template for the ZhuanmaiPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>我的转卖</ion-title>
  </ion-navbar>
  <div>
      <ion-segment [(ngModel)]="pet" class="tihuo-viewpage" (click)="swipeEvnet($event)">
        <ion-segment-button value="kittens" id="kittens">
          转卖中
        </ion-segment-button>
        <ion-segment-button value="puppies" id="puppies">
          已转卖
        </ion-segment-button>
    
      </ion-segment>
    </div>
</ion-header>


<ion-content>
    
    
    <div class="card-list">
        <ion-slides (ionSlideDidChange)="slideChanged($event,zhuanmai)" >
    
			<ion-slide >
				<div *ngIf="data == 0" class="null">
					<img src="./assets/imgs/nothing.png" alt="">
					<span>哇哦,篮子暂时是空的~</span>
				</div>
				<div *ngIf="data == 1" class="order-list" >
						
						<div class="order-info"  *ngFor="let item of carry" >
							<div class="order-id">
								<span>编号:{{item.code}}</span>

								<span [innerHTML]="item.add_time">2018-01-01</span>
							</div>
							<div class="order-detail">
								<div class="img">
									<img src="./assets/imgs/lt50.png" [src]="item.goods_image">
								</div>
								<div class="text">
									<div class="order-title">
										<span [innerHTML]="item.goods_name">京东房价快速的啦废物还</span>
									</div>
									<div class="order-price">
										<span>转卖价:</span>
										<span>{{item.all_price}}元/张</span>
									</div>
									<div class="order-quantity">    
										<span>转卖数量:</span>
										<span>{{item.total_num}}张</span>
									</div>
									<div class="result" *ngIf="item.after_num !=0">
										<span>已转卖：{{item.after_num}}张</span>
									</div>
								</div>
							</div>
						</div>
					

				</div>
				<ion-infinite-scroll (ionInfinite)="doInfinite($event)" class="home-loading">
					<ion-infinite-scroll-content loadingSpinner="crescent" loadingText="数据加载中">
					</ion-infinite-scroll-content>
				</ion-infinite-scroll>

			</ion-slide>
    
			<ion-slide >
				<div *ngIf="zhuan == 0" class="null">
					<img src="./assets/imgs/nothing.png" alt="">
					<span>哇哦,篮子暂时是空的~</span>
				</div>
				<div *ngIf="zhuan == 1" class="order-list">
						
						<div class="order-info"  *ngFor="let item of complate">
							<div class="order-id">
								<span>编号:{{item.code}}</span>
								<span [innerHTML]="item.add_time"></span>
							</div>
							<div class="order-detail">
								<div class="img">
									<img src="./assets/imgs/lt50.png" [src]="item.goods_image">
								</div>
								<div class="text">
									<div class="order-title">
										<span [innerHTML]="item.goods_name"></span>
									</div>
									<div class="order-price">
										<span>转卖价:</span>
										<span>{{item.all_price}}元/张</span>
									</div>
									<div class="order-quantity">	
										<span>转卖数量:</span>
										<span>{{item.after_num}}张</span>
									</div>
								</div>
							</div>
						</div>
					

				</div>
				<ion-infinite-scroll (ionInfinite)="doInfinite($event)" class="home-loading">
						<ion-infinite-scroll-content loadingSpinner="crescent" loadingText="数据加载中">
						</ion-infinite-scroll-content>
				</ion-infinite-scroll>
			</ion-slide>
      	</ion-slides>
    </div>
</ion-content>
